<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="js/nav.js"></script>

</head>

<body>
    <header>
        <section class="Topmenubg">
            <div class="Topnav">
                <div class="LeftNav">
                    <a href="reg.html">注册</a>/<a href="login.html">登录</a><a href="#">QQ客服</a><a href="#">微信客服</a><a href="#">手机客户端</a>
                </div>
                <div class="RightNav">
                    <a>用户中心</a>
                    <a target="_blank" title="我的订单">我的订单</a>
                    <a href="cart.html">购物车</a>
                    <a target="_blank" title="我的收藏">我的收藏</a>
                    <a href="#">商家入驻</a>
                </div>
            </div>
        </section>
        <div class="Logo_search">
            <div class="Logo">
                <h1 style="font-size: 60px;">网上订餐系统</h1>
                <i></i>

            </div>
            <div class="Search">
                <form method="get" id="main_a_serach" onsubmit="return check_search(this)">
                    <div class="Search_nav" id="selectsearch">
                        <a id="canting" href="javascript:;" onClick="cantingclick()" class="choose">餐厅</a>

                        <a id="food" href="javascript:;" onClick="foodclick()">食物名</a>

                    </div>
                    <div class="Search_area">
                        <input type="search" id="fkeyword" name="keyword" placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" onfocus="searchfoucs()" onblur="searchblur()" />
                        <input type="submit" class="searchbutton" value="搜 索" />
                    </div>
                </form>
                <p class="hotkeywords">
                    <a href="#" title="酸辣土豆丝">酸辣土豆丝</a>
                    <a href="#" title="这里是产品名称">螃蟹炒年糕</a>
                    <a href="#" title="这里是产品名称">牛奶炖蛋</a>
                    <a href="#" title="这里是产品名称">芝麻酱凉面</a>
                    <a href="#" title="这里是产品名称">滑蛋虾仁</a>
                    <a href="#" title="这里是产品名称"> 蒜汁茄子</a>
                </p>

            </div>
        </div>
        <nav class="menu_bg" style="font-size: 25px;color:red;">

            <a href="index.html" style="text-align:left;padding-left:500px;">首页</a>
            <a style="text-align:center;padding-left: 200px;">订餐</a>
            <a style="text-align:center;padding-left: 200px;">积分商城</a>
            <a style="text-align:center;padding-left: 200px;">关于我们</a>
        </nav>

    </header>

    <section class="slp">
        <section class="food-hd">
            <div class="foodpic">
                <img src="upload/02.jpg" id="showimg">
                <ul class="smallpic">
                    <li><img src="upload/02.jpg"></li>
                </ul>
            </div>
            <div class="foodtext">
                <div class="foodname_a">
                    <h1>酸辣土豆丝</h1>
                    <p>西安市丈八路220号</p>
                </div>
                <div class="price_a">
                    <p class="price01">促销：￥<span>59.00</span></p>
                    <p class="price02">价格：￥<s>69.00</s></p>
                </div>
                <div class="Freight">
                    <span>配送费用：</span>
                    <span><i>未央区</i>至<i>莲湖区</i></span>
                    <span>10.00</span>
                </div>
                <ul class="Tran_infor">
                    <li>
                        <p class="Numerical">3</p>
                        <p>月销量</p>
                    </li>
                    <li class="line">
                        <p class="Numerical">58</p>
                        <p>累计评价</p>
                    </li>
                    <li>
                        <p class="Numerical">59</p>
                        <p>送幸福积分</p>
                    </li>
                </ul>
                <form action="cart.html">
                    <div class="BuyNo">
                        <span>我要买：<input type="number" name="Number" required autofocus min="1" value="1"/>份</span>
                        <span>库存：3258</span>
                        <div class="Buybutton">
                            <input name="" type="submit" value="加入购物车" class="BuyB">
                            <a href="index.html"><span class="Backhome">进入店铺首页</span></a>
                        </div>
                    </div>
            </div>

        </section>



        <footer>
            <section class="Otherlink">
                <aside>

                    <div class="tips">
                        <p>客服热线</p>
                        <p><i>18568995650</i></p>
                        <p>配送时间</p>
                        <p><time>09：00</time>~<time>22:00</time></p>
                        <p>网站公告</p>
                    </div>
                </aside>
                <section>
                    <div>
                        <span><i class="i1"></i>配送支付</span>
                        <ul>
                            <li><a target="_blank" title="标题">支付方式</a></li>
                            <li><a target="_blank" title="标题">配送方式</a></li>
                            <li><a target="_blank" title="标题">配送效率</a></li>
                            <li><a target="_blank" title="标题">服务费用</a></li>
                        </ul>
                    </div>
                    <div>
                        <span><i class="i2"></i>关于我们</span>
                        <ul>
                            <li><a target="_blank" title="标题">招贤纳士</a></li>
                            <li><a target="_blank" title="标题">网站介绍</a></li>
                            <li><a target="_blank" title="标题">配送效率</a></li>
                            <li><a target="_blank" title="标题">商家加盟</a></li>
                        </ul>
                    </div>
                    <div>
                        <span><i class="i3"></i>帮助中心</span>
                        <ul>
                            <li><a target="_blank" title="标题">服务内容</a></li>
                            <li><a target="_blank" title="标题">服务介绍</a></li>
                            <li><a target="_blank" title="标题">常见问题</a></li>
                            <li><a target="_blank" title="标题">网站地图</a></li>
                        </ul>
                    </div>
                </section>
            </section>
            <div class="copyright">© 版权所有 新乡学院xxxxx 技术支持：</div>
        </footer>
</body>

</html>